<div ql-row type="flex">
    <ql-tree (modelChange)="onCatalogChange($event)" [accordion]="true" [model]="catalogList" ql-col span="4"></ql-tree>
    <data-table ql-col span="18" [model]="productList" selection="multiple">
        <ql-table-column model-key="productname" label="产品名称"></ql-table-column>
        <ql-table-column model-key="productcode" label="产品代码"></ql-table-column>
        <ql-table-column model-key="producttype" label="产品类别"></ql-table-column>
        <ql-table-column model-key="risklevel" label="风险等级"></ql-table-column>
        <ql-table-column model-key="recommandtypename" label="推荐类别"></ql-table-column>
        <ql-table-column model-key="expiredate" label="停售时间"></ql-table-column>
        <ql-table-column model-key="productprofit" label="产品利率"></ql-table-column>
    </data-table>
</div>
<div class="text-center ql-margin">
    <ql-button type="primary" (click)="add()" class="ql-padding-x">添加</ql-button>
    <ql-button type="primary" (click)="modalRef.close()" class="ql-padding-x">取消</ql-button>
</div>
